/*
 * Copyright 2020 The Kubernetes Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import 'mixins';
@import '../components/Table/mixins';
@import '../components/Sidecar/mixins';
@import '../components/Terminal/mixins';
@import '../components/TopLevelTab/mixins';
@import '../components/TopTabStripe/mixins';
@import '../components/Table/SequenceDiagram/mixins';

$block-padding: 0.25em;
$row-height: 1.5em;

@include LightweightUI {
  font-size: 0.8125rem; /* 13px */
  --kui--font-factor: 0.8125/0.875;

  /* No "Brand" */
  /* @include HeaderNameContainer {
    display: none;
  } */

  @include SideBySide {
    @include LightweightBlocks;
  }

  @include TableCard {
    background: none;
  }

  @include SequenceDiagramGapRow {
    height: 1.5rem;
    background-color: transparent;
  }

  @include SequenceDiagramGapCell {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
  }

  @include NestedSidecar {
    margin-top: $block-padding; /* a bit extra, on top of the $block-padding for BlockOutput */
    background-color: transparent;
  }

  /** Hide the sidecar buttons until hover */
  @include SidecarTitleBarButtons {
    opacity: 0;
  }
  @include NestedSidecar {
    &:hover {
      @include SidecarTitleBarButtons {
        opacity: 1;
      }
    }
  }

  @include TableHeadCell {
    --table-head-background-color: transparent;
    height: $row-height;
    border-bottom: 1px solid var(--color-table-border1);
  }

  @include TableCell {
    border: none;
    height: $row-height;
    padding-top: 0;
    padding-bottom: 0;
  }

  @include TableRow {
    border: none;
    height: $row-height;
  }

  @include TopTabStripe {
    --tab-shadow: inset 0 -2px 0 0;

    @include TopTabStripe_Tab_Active {
      @include TopTabStripe_Tab_Label {
        font-weight: 500;
      }
    }
  }
}
